<template>
  <div>
    <div style="padding-left: 30px">
      <el-divider></el-divider>
      <div style="line-height: 34px;font-weight: bolder;font-size: 25px;">
        个人信息
      </div>
      <el-divider></el-divider>
      <div>
        <el-row :gutter="20" style="margin-top: 15px">
          <el-col  :span="4"   style="height: 30px">
              <span style="float: right">用户名：</span>
          </el-col>
          <el-col  :span="20"   style="height: 30px">
            <span v-text="user.name"></span>
          </el-col>
        </el-row>
        <el-row :gutter="20" style="margin-top: 15px">
          <el-col  :span="4"   style="height: 30px">
            <span style="float: right">昵称：</span>
          </el-col>
          <el-col  :span="20"   style="height: 30px">
            <span v-text="user.nickname"></span>
          </el-col>
        </el-row>
        <el-row :gutter="20" style="margin-top: 15px">
          <el-col  :span="4"   style="height: 30px">
            <span style="float: right">性别：</span>
          </el-col>
          <el-col  :span="20"   style="height: 30px">
            <template>
              <el-radio v-model="user.gender" label="1">男</el-radio>
              <el-radio v-model="user.gender" label="2">女</el-radio>
            </template>
          </el-col>
        </el-row>
        <el-row :gutter="20" style="margin-top: 15px">
          <el-col  :span="4"   style="height: 30px">
            <span style="float: right">年龄：</span>
          </el-col>
          <el-col  :span="20"   style="height: 30px">
            <span v-text="user.age"></span>
          </el-col>
        </el-row>
        <el-row :gutter="20" style="margin-top: 15px">
          <el-col  :span="4"   style="height: 30px">
            <span style="float: right">经纬度：</span>
          </el-col>
          <el-col  :span="20"   style="height: 30px">
            <span v-text="user.longitude"></span>
            <span v-text="user.latitude"></span>
          </el-col>
        </el-row>
        <el-row :gutter="20" style="margin-top: 15px">
          <el-col  :span="4"   style="height: 30px">
            <span style="float: right">所在地：</span>
          </el-col>
          <el-col  :span="20"   style="height: 30px">
            <span v-text="user.address"></span>
          </el-col>
        </el-row>
        <el-row :gutter="20" style="margin-top: 15px">
          <el-col  :span="4"   style="height: 30px">
            <span style="float: right">头像：</span>
          </el-col>
          <el-col  :span="20"   style="height: 30px">
            <img :src="user.avatar" alt="">
          </el-col>
        </el-row>
        <el-row :gutter="20" style="margin-top: 15px">
          <el-col  :span="4"   style="height: 30px">
            <span style="float: right">openId：</span>
          </el-col>
          <el-col  :span="20"   style="height: 30px">
            <span v-text="user.openId"></span>
          </el-col>
        </el-row>
        <el-row :gutter="20" style="margin-top: 15px">
          <el-col  :span="4"   style="height: 30px">
            <span style="float: right">手机号：</span>
          </el-col>
          <el-col  :span="20"   style="height: 30px">
            <span v-text="user.phone"></span>
          </el-col>
        </el-row>
        <el-row :gutter="20" style="margin-top: 15px">
          <el-col  :span="4"   style="height: 30px">
            <span style="float: right">邮箱：</span>
          </el-col>
          <el-col  :span="20"   style="height: 30px">
            <span v-text="user.email"></span>
          </el-col>
        </el-row>
        <el-row :gutter="20" style="margin-top: 15px">
          <el-col  :span="4"   style="height: 30px">
            <span style="float: right">简介：</span>
          </el-col>
          <el-col  :span="20"   style="height: 30px">
            <span v-text="user.description"></span>
          </el-col>
        </el-row>
        <el-row :gutter="20" style="margin-top: 15px">
          <el-col  :span="4"   style="height: 30px">
            <span style="float: right">上次登录ip：</span>
          </el-col>
          <el-col  :span="20"   style="height: 30px">
            <span v-text="user.lastLoginIp"></span>
          </el-col>
        </el-row>
      </div>
    </div>
  </div>
</template>
<style>
.ccc{
  border: 2px solid #0aa1ed
}
</style>

<script>

export default {
  data() {
    return{
      user:{
        id:"1",
        name:"1",
        nickname: "1",
        gender:"1",
        age:"1",
        longitude:"1",
        latitude:"1",
        address:"1",
        avatar:"1",
        openId:"1",
        phone:"1",
        email:"1",
        description:"1",
        lastLoginIp:"1",
      }
    }
  },
  methods: {


  },
  mounted() {

  }
};
</script>

